<script setup lang="ts">
//发起售后
//https://www.smartisan.com/service/#/insurance/aftersale
import Block from "@/base/sales/block.vue";

const data = [
  {
    id: 1,
    class: "content-icon-1",
    title: "快捷通道",
    msg_one: "锤子商城购买的产品",
    msg_two: "支持通过订单快速发起售后",
    link: "#",
    link_text: "前往订单中心",
  },
  {
    id: 2,
    class: "content-icon-2",
    title: "快捷通道",
    msg_one: "锤子商城购买的产品",
    msg_two: "支持通过订单快速发起售后",
    link: "#",
    link_text: "前往订单中心",
  },
];
</script>
<template>
  <div class="imei-wrapper">
    <div class="dialog dialog-shadow dialog-aftersale">
      <div class="title">
        <h4>选择发起售后方式</h4>
      </div>
      <div class="dialog-box-content" v-for="item in data" :key="item.id">
        <Block :data="item" />
      </div>
    </div>
  </div>
</template>
<style scoped lang="less">
.imei-wrapper {
  clear: both;
  width: 1220px;
  padding: 138px 0;
  margin: 0 auto;
}
.dialog {
  width: 306px;
  border: 1px solid #dadada;
  box-sizing: border-box;
  border-radius: 9px;
  margin: 0 auto;
  .title {
    background: linear-gradient(#fbfbfb, #ececec);
    height: auto;
    overflow: visible;
    border-radius: 9px 9px 0 0;
    border-bottom: 1px solid #dcdcdc;
    h4 {
      text-align: center;
      color: #646464;
      font-weight: 700;
      font-size: 18px;
      height: 47px;
      line-height: 47px;
    }
  }
  .dialog-box-content {
    padding: 10px;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
  }
}
.dialog-aftersale {
  width: 450px;
}
</style>
